<!--
  This template loads for the 'tab.friend-detail' state (app.js)
  'friend' is a $scope variable created in the FriendsCtrl controller (controllers.js)
  The FriendsCtrl pulls data from the Friends service (service.js)
  The Friends service returns an array of friend data
-->
<ion-view hide-back-button="true" devin-hide-tabs="true" style="background-color: #E5EEF4;" view-title="勘察信息">
	<ion-nav-buttons side="right">
		<span ng-click="saveSurvey(true)">
            <span class="nav-right-button">保存</span>
		</span>
		<span ng-click="uploadSurvey()">
            <span class="nav-right-button">提交</span>
		</span>
	</ion-nav-buttons>
	<ion-nav-buttons side="left">
		<span class="nav-right-button" style="font-size: 1.6rem" ng-click="backToTask()">
      <i class="icon ion-android-arrow-back"></i>
    </span>
	</ion-nav-buttons>
	<ion-content scroll="false" overflow-scroll="true">
		<ion-item>
			<span class="project-spms-title">项目{{projectIntention.projectNumber}}</span>
		</ion-item>
		<ion-scroll scrollbar-x="false" delegate-handle="nav-scroll" zooming="false" direction="x" style="width:100% ;height: 38px;overflow-x:hidden;">
			<div style="width: 100%;height: 100%;background-color: white; position: absolute;z-index: -1;"></div>
			<ul class="nav-scroll">
				<li ng-click="activeNav($event)" class="active">基本信息</li>
				<li ng-click="activeNav($event)">建筑勘查</li>
				<li ng-click="activeNav($event)">屋面结构</li>
				<li ng-click="activeNav($event)">房屋照片</li>
				<li ng-click="activeNav($event)">电气勘测</li>
				<li ng-click="activeNav($event)">勘测结论</li>
				<li ng-click="activeNav($event)">照片一览</li>
			</ul>
			<div class="cur" style="margin-left:{{curStyle * 80}}px"></div>
		</ion-scroll>
		<!--<div  style="position: absolute; top: 82px; bottom: 0px" >-->
		<!--<ion-slide-box on-touch="vm.onTouchThis($event)" on-drag=vm.onDragThis($event) ng-if="vm.lazyLoad0"  show-pager="false" delegate-handle="slide-box" active-slide="myActiveSlide" on-slide-changed="activeSlide($index)">-->
		<!--<ion-slide>-->
		<div style="overflow-x: auto" ng-if="vm.lazyLoad1" on-touch="vm.onTouchThis($event)" zooming="false" ng-class="{'scrollHeight':true}">
			<ion-slide-box show-pager="false">
				<ion-slide>
					<div ng-include="'templates/task-survey/basic.html'"></div>
				</ion-slide>
			</ion-slide-box>
		</div>
		<!--</ion-slide>-->
		<!--<ion-slide>-->
		<div style="overflow-x: auto" ng-if="vm.lazyLoad2" on-touch="vm.onTouchThis($event)" zooming="false" ng-class="{'scrollHeight':true}">
			<ion-slide-box show-pager="false">
				<ion-slide>
					<div ng-include="'templates/task-survey/build.html'"></div>
				</ion-slide>
			</ion-slide-box>
		</div>
		<!--</ion-slide>-->
		<!--<ion-slide>-->
		<div style="overflow-x: auto" ng-if="vm.lazyLoad3" on-touch="vm.onTouchThis($event)" zooming="false" ng-class="{'scrollHeight':true}">
			<ion-slide-box show-pager="false">
				<ion-slide>
					<div ng-include="'templates/task-survey/roofing.html'"></div>
				</ion-slide>
			</ion-slide-box>
		</div>
		<div style="overflow-x: auto" ng-if="vm.lazyLoad4" on-touch="vm.onTouchThis($event)" zooming="false" ng-class="{'scrollHeight':true}">
			<ion-slide-box show-pager="false">
				<ion-slide>
					<div ng-include="'templates/task-survey/room-photo.html'"></div>
				</ion-slide>
			</ion-slide-box>
		</div>
		<!--<div style="width: 100%;height: 20px;"></div>-->
		<!--</ion-slide>-->
		<!--<ion-slide>-->
		<div style="overflow-x: auto" ng-if="vm.lazyLoad5" on-touch="vm.onTouchThis($event)" zooming="false" ng-class="{'scrollHeight':true}">
			<ion-slide-box show-pager="false">
				<ion-slide>
					<div ng-include="'templates/task-survey/electric.html'"></div>
				</ion-slide>
			</ion-slide-box>
		</div>
		<!--<div style="width: 100%;height: 20px;"></div>-->
		<!--</ion-slide>-->

		<!-- 勘测结论 -->
		<!--<ion-slide>-->
		<div style="overflow-x: auto" ng-if="vm.lazyLoad6" on-touch="vm.onTouchThis($event)" zooming="false" ng-class="{'scrollHeight':true}">
			<ion-slide-box show-pager="false">
				<ion-slide>
					<div ng-include="'templates/task-survey/verdict.html'"></div>
				</ion-slide>
			</ion-slide-box>
		</div>
		<!--<div style="width: 100%;height: 20px;"></div>-->
		<!--</ion-slide>-->

		<!--<ion-slide>-->
		<div style="overflow-x: auto" ng-if="vm.lazyLoad7" on-touch="vm.onTouchThis($event)" zooming="false" ng-class="{'scrollHeight':true}">
			<ion-slide-box show-paper="false">
				<ion-slide>
					<div ng-include="'templates/task-survey/survey-preview.html'"></div>
				</ion-slide>
			</ion-slide-box>
		</div>

		<!--<div  style="position: absolute;bottom: 0px;margin: 0px;padding: 0px; width: 100%;height: 40px; background-color: #FFFFFF;border: 1px solid #cccccc;" id="uploadPic">-->
		<div ng-if="vm.lazyLoad7" class="tabs">
			<button ng-click="uploadPhotoToServer();" style="background-color: #3A86E8;position: fixed;right: 0;width: 120px;height: 100%;"
				class="button-survey" style="background-color: #3A86E8;">上传图片
      </button>
		</div>
		<!--</ion-slide>-->
		<!--</ion-slide-box>-->
		<!--</div>-->
	</ion-content>
</ion-view>
